<template>
  <div class="demo-use-model">
    <h4>单项绑定</h4>
    <demo-use-model-component v-model="val"/>
    <demo-use-model-component v-model="val"/>
    <h4>多值绑定</h4>
    <demo-use-model-component v-model:end="end" v-model:start="start" range/>
    <demo-use-model-component v-model:end="end" v-model:start="start" range/>
  </div>
</template>

<script>

import {DemoUseModelComponent} from "./demo-use-model-component";

export default {
  name: "demo-use-model",
  components: {
    DemoUseModelComponent,
  },
  data() {
    return {
      val: 'val',
      start: 'start',
      end: 'end'
    }
  },
}
</script>

<style lang="scss">

</style>
